<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <link href="/styles/base.css" rel="stylesheet" type="text/css">
  <link href="/js/datepicker/datepicker.css" rel="stylesheet">
  <link href="/styles/wendaDetail.css" rel="stylesheet" type="text/css">
    <link href="/styles/strategyDetail.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>

    <script>
        function buttonShare(url){
            $("#theForm").attr("action",url);
            alert(url);
            $("#theForm").submit();
        }
        $(function () {
            $("#commentBtn").click(function () {

                var content = $("#content").val();
                if(!content){
                    popup("评论内容必填");
                    return;
                }
                $("#content").val('');
                var questionId = $(this).data("questionid");

                $.post("/question/commentAdd", {questionId: questionId, content:content}, function (data) {
                    if(data.success){
                        //修改评论数
                        $(".replay_num").html(data.data);

                        $("#currentPage").val(1);
                        $("#searchForm").submit();  //重新查一次
                    }
                });
            })

            $('.info').on("mouseout", function () {
                $(this).find(".rep-del").css("display", "none");
            }).on("mouseover", function () {
                $(this).find(".rep-del").css("display", "block");
            })

            $("._j_like_comment_btn").click(function () {
                var _this = $(this);

                var toid = $(this).data("toid");
                var fromid = $(this).data("fromid");
                $.get("/question/commentThumbUp", {toid:toid, fromid:fromid}, function (data) {

                    $("#searchForm").submit();
                })
            });

            $('.view_all').click(function () {
                var questionid = $(this).data("questionid");
                $.get("/question/comment", {questionid: questionid}, function (data) {
                    $('#commentForm').submit();
                })
            })

        })
    </script>
</head>

<body style="position: relative;">
  <div class="topBar">
    <div class="topBarC">
      <div class="logo"><a title="马蜂窝自由行" href="javascript:;">马蜂窝自由行</a></div>
      <div class="t_nav">
        <ul id="pnl_nav" data-cs-t="headnav_wo">
          <li data-cs-p="index">
            <strong class="t"><a href="javascript:;">首页</a></strong>
          </li>
          <li data-cs-t="wenda" data-cs-p="wenda">
            <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">问答</a></strong>
          </li>
          <li data-cs-t="things" data-cs-p="things">
            <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">马蜂窝周边</a></strong>
          </li>
          <li data-cs-p="together">
            <strong class="t"><a href="javascript:;">结伴</a></strong>
          </li>
          <li data-cs-p="group">
            <strong class="t"><a href="javascript:;">小组</a></strong>
          </li>
          <li data-cs-p="mall">
            <strong class="t"><a href="javascript:;">蜂首俱乐部</a></strong>
          </li>
          <li class="drop" data-cs-p="other">
            <strong class="t"><a href="javascript:;">更多<b></b></a></strong>
          </li>
        </ul>
      </div>
      <div class="t_search">
        <form method="GET" action="/search/s.php" name="search">
          <input type="text" class="key" value="" name="q" id="word">
          <input type="submit" value="" class="btn">
        </form>
      </div>

      <div class="t_info">
        <div class="pagelet-block">
          <ul class="user_info">
            <li class="daka">
              <span class="daka_btn" id="_j_dakabtn" data-japp="daka">
                <a role="button" title="打卡" class="daka_before">打卡</a>
                <a role="button" title="打卡推荐" class="daka_after">打卡推荐</a>
              </span>
            </li>
            <li id="pnl_user_msg" data-hoverclass="on" class="msg _j_hoverclass">
              <span id="oldmsg" class="oldmsg"><a href="javascript:;" class="infoItem">消息<b></b></a></span>
              <ul id="head-msg-box" class="drop-bd">
                <li><a href="javascript:;" rel="nofollow">私信</a></li>
                <li><a href="javascript:;" rel="nofollow">小组消息</a></li>
                <li><a href="javascript:;" rel="nofollow">系统通知</a></li>
                <li><a href="javascript:;" rel="nofollow">问答消息</a></li>
                <li><a href="javascript:;" rel="nofollow">回复消息</a></li>
                <li><a href="javascript:;" rel="nofollow">喜欢与收藏</a></li>
                <li><a href="javascript:;" rel="nofollow">好友动态</a></li>
              </ul>
            </li>
            <li class="ub-item ub-new-msg" id="head-new-msg">
            </li>
            <li class="account _j_hoverclass" data-hoverclass="on" id="pnl_user_set">
              <span class="t"><a class="infoItem" href="javascript:;"><img
                    src="http://b2-q.mafengwo.net/s12/M00/35/B7/wKgED1uqIs-AMYTwAAAX-VIKIo0071.png?imageMogr2%2Fthumbnail%2F%2132x32r%2Fgravity%2FCenter%2Fcrop%2F%2132x32%2Fquality%2F90"
                    width="32" height="32" align="absmiddle"><b></b></a></span>
              <div class="uSet c">
                <div class="asset">
                  <a class="coin" href="javascript:;" target="_blank" rel="nofollow">蜂蜜 0</a>
                  /
                  <a class="coin" href="javascript:;" target="_blank" id="head-my-honey" rel="nofollow"
                    data-cs-p="coin">金币 579</a>
                </div>
                <a href="javascript:;">我的马蜂窝<b class="tb-level">LV.3</b></a>
                <a href="javascript:;" target="_blank">写游记</a>
                <a href="javascript:;" target="_blank">预约游记</a>
                <a href="javascript:;" target="_blank">我的足迹</a>
                <a href="javascript:;" target="_blank">我的问答</a>
                <a href="javascript:;" target="_blank">我的好友</a>
                <a href="javascript:;" target="_blank">我的收藏</a>
                <a href="javascript:;" target="_blank">我的路线</a>
                <a href="javascript:;" target="_blank">我的订单</a>
                <a href="javascript:;" target="_blank">我的优惠券</a>
                <a href="javascript:;" target="_blank">设置</a>
                <a href="javascript:;">退出</a>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper">
    <div class="detail-wrap clearfix">
      <div class="col-main">
        <div class="q-detail">
          <div class="q-content">
            <div class="q-title">
              <a href="/wenda/area-10065.html" target="_blank" class="location"><i></i>${question.dest.name}</a>
              <h1>
                <a href="/wenda/detail-18458675.html">${question.title}</a>

              </h1>
            </div>
            <div class="q-desc">
              ${question.content.content}

            <div class="q-info1 clearfix">
              <div class="q-tags fl">
                <a class="a-tag" href="/wenda/area-10065.html" target="_blank">${question.dest.name}</a>
              </div>
              <div class="pub-bar fr">
                <a href="/wenda/u/43303516/answer.html" class="photo" target="_blank"> <img
                    src="${question.user.headImgUrl}"
                    width="16" height="16"></a>
                <a class="name" href="/wenda/u/43303516/answer.html" target="_blank">${question.user.nickname}</a>
                <span class="time"><span>${question.createTime?string('yyyy.MM.dd HH:mm:ss')}</span></span>
              </div>
            </div>
          </div>
          <div class="q-operate clearfix">
            <div class="fl">
              <!-- 问题分享 -->
              <div class="q-share cate-share">
                  <a class="_js_showShare _j_filter_click">
                      <form action="" id="theForm">
                          <input id="title" name="title" type="hidden" value="${question.title}">
                          <input id="img" name="img" type="hidden" value="test1">
                          <input id="url" name="url" type="hidden" value="http://localhost:8888/question/detail?id=${question.id}">
                          <span id="buttonShare" onclick="buttonShare('http://v.t.sina.com.cn/share/share.php?appkey=2684493555')"><img    src="http://static.youku.com/v1.0.0691/v/img/ico_sina.gif" /></span>
                      </form>
                  </a>
                <div class="share-pop _j_share_pop hide clearfix" data-title="为什么说在北京通勤等于取经？上下班到底有多苦？"
                  data-qid="18458675">
                  <a title="分享到新浪微博" class="sina _j_do_share" data-site="wb"></a>
                  <a title="分享到QQ空间" class="zone _j_do_share" data-site="qz"></a>
                  <a title="分享到微信" class="weixin _j_do_share_wx" data-site="wx"></a>
                </div>
              </div>
              <!-- 邀请回答 -->
              <div class="seek-help _j_tip_box">
                <a class="_j_seek_help_new">邀请蜂蜂回答</a>
              </div>
              <!-- 举报 -->
              <div class="admin_hide tip-off">
                <a data-japp="report" data-refer="http://www.mafengwo.cn/wenda/detail-18458675.html"
                  data-refer-uid="43303516" data-app="qa.question" data-busi-id="qid:18458675">举报</a>
              </div>
            </div>
            <div class="fr">
              <span class="atten-num">${vo.viewnum}人浏览</span>
              <span class="atten-num"><span class="_j_same_num">1</span>人关注</span>

              <a class="btn-atten _j_same_question " rel="nofollow" data-status="1"><span>关注</span></a>

              <a class="btn-answer _j_btn_goanswer" rel="nofollow">回答</a>
            </div>
          </div>
        </div>
        <div class="answer-wrap">
          <div class="hd">
            <a href="javascript:;" class="view_all" data-questionid="${question.id}">查看全部${vo.asknum!0}个回答</a>
            <div style="display:none;"><span id="_j_anum" class="replay_num">${question.asknum}</span>个回答</div>
          </div>
          <div class="bd _j_pager_box">
            <ul class="answer-list answer_detail">
              <div>
                <li>
                  <div class="answer-side _js_answerAva">
                    <!-- <a class="btn-ding _js_zan "><i></i><span data-real_num="3">3</span></a> -->
                  </div>
                <form id = "searchForm" action="/question/detail?id=${question.id}" method="post">
                    <input type="hidden" name="questionId"  value="${question.id!}">


                    <#if ask??>
                    <div class="info">
                  <div class="answer-content _js_answer_content">
                    <div class="answer-info clearfix">
                      <div class="user-bar fl">
                        <a class="_j_filter_click avatar" href="javascript:;" target="_blank"><img
                            src="${(ask.headImgUrl)!}"
                            width="48" height="48" class="photo"></a>
                        <a class="name" href="javascript:;" target="_blank">${(ask.username)!}</a>
                        <a class="level" href="javascript:;" target="_blank" rel="nofollow">LV.${(ask.level)!}</a>
                        <a class="identity i-guide" href="javascript:;" target="_blank">指路人</a>
                      </div>
                      <ul class="answer-medal fr">
                        <li class="gold">
                          <div class="btn"><i></i><a href="javascript:;" target="_blank">金牌回答</a></div>
                        </li>
                      </ul>
                    </div>
                    <div class="_j_short_answer_item hide" style="display: block;">
                        ${(ask.content)!}
                        <#if userInfo??>
                        <div class="rep-del hide" style="display: none;">
                            <a href="javascript:;" class="btn-comment-like _j_like_comment_btn"
                                ${ask.thumbuplist?seq_contains(userInfo.id)?string("liked", "like")}
                               data-toid="${ask.id}" data-fromid="${(userInfo.id)!-1}">
                                <span class="_j_comment_like_num">${ask.thumbupnum!}</span>
                            </a>
                        </div>
                        </#if>
                    </div>
                    </#if>
                </form>

                    <form id = "commentForm" action="/question/comment?questionid=${question.id}" method="post">
                        <input type="hidden" name="currentPage" id="currentPage" value="1">
                        <input type="hidden" name="questionid"  value="${question.id!}">
                <#if page??>
                <#list page.content as c>
                    <div class="info">
                        <div class="answer-content _js_answer_content">
                            <div class="answer-info clearfix">
                                <div class="user-bar fl">
                                    <a class="_j_filter_click avatar" href="javascript:;" target="_blank"><img
                                            src="${(c.headImgUrl)!}"
                                            width="48" height="48" class="photo"></a>
                                    <a class="name" href="javascript:;" target="_blank">${(c.username)!}</a>
                                    <a class="level" href="javascript:;" target="_blank" rel="nofollow">LV.${(c.level)!}</a>
                                    <a class="identity i-guide" href="javascript:;" target="_blank">指路人</a>
                                </div>
                            </div>
                    <!-- 回答内容 -->
                    <div class="_j_short_answer_item hide" style="display: block;">
                        ${(c.content)!}
                        <#if userInfo??>
                        <div class="rep-del hide" style="display: none;">
                            <a href="javascript:;" class="btn-comment-like _j_like_comment_btn"
                                ${c.thumbuplist?seq_contains(userInfo.id)?string("liked", "like")}
                               data-toid="${c.id}" data-fromid="${(userInfo.id)!-1}">
                                <span class="_j_comment_like_num">${c.thumbupnum!}</span>
                            </a>
                        </div>
                        </#if>
                    </div>

                  </div>
                            </div>

                  </#list>
                  <div style="float: right">
                      <div style="float: left;" ><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
                      <div id="pagination" class="jq-pagination" style="display: inline;"></div>
                  </div>
                  <script>
                      $("#pagination").jqPaginator({
                          totalPages: ${page.totalPages!0},
                          visiblePages: 5,
                          currentPage: ${page.number+1}||1,
                              prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                              next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                              page: '<a href="javascript:void(0);">{{page}}<\/a>',
                              last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                              onPageChange: function(page, type) {
                          if(type == 'change'){
                              $("#currentPage").val(page);
                              $("#searchForm").submit();
                          }
                      }
                      })
                 </script>
                  </#if>
                    </form>
                </li>
              </div>
            </ul>
          </div>
          <div class="bd _j_pager_box">
            <div class="aa-hd">
              <a class="aa-avatar" href="/wenda/u/53383161/answer.html"><img
                  src="http://n1-q.mafengwo.net/s12/M00/35/98/wKgED1uqIreAU9QZAAAXHQMBZ74008.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90"
                  class="photo"></a>
              <a class="aa-name">${(user.nickname)!}</a>
            </div>
            <div class="editor-outer _j_editorOuter _js_editorWrap _js_forFixTitle">
              <textarea id="content"></textarea>
            </div>
            <div class="aa-ft">
              <input class="btn-comment _j_submit_answer_btn" id="commentBtn" data-questionid="${question.id}"
                     type="button" value="提交回答"/>
            </div>
          </div>
        </div>
      </div>
      <div class="col-side"></div>
    </div>
  </div>
</body>

</html>